<script setup>
import { RouterLink, RouterView } from 'vue-router'
</script>

<template>
  <h1 class="rainbow">计算机系毕业实习与毕业设计管理系统</h1>
  <RouterView />
</template>

<style scoped>
.rainbow {
  text-align: center;
  background: -webkit-linear-gradient(right,
      #333 0,
      #333 25%,
      red 40%,
      #fff700 50%,
      blue 60%,
      #333 70%);
  color: transparent;
  animation: sildeAnimate 3s infinite linear;
  background-clip: text;
  -webkit-background-clip: text;

}

@keyframes sildeAnimate {
  0% {
    background-position: -500px 0;
  }

  100% {
    background-position: 500px 0;
  }
}

</style>